BODY{
background-color:#FFF;
font-family:tahoma;
color:#000;
}

a:link{
color:#000;
text-decoration:none;
}

a:visited{
color:#000;
text-decoration:none;
}

@font-face { 
font-family: "CrackKing";
src: url(fonts/CrackKing.ttf); 
}

@font-face {
font-family: "DirtyJobs";
src: url(fonts/DirtyJobs.ttf);
}

@font-face {
font-family: "MileyTwerk";
src: url(fonts/MileyTwerk.ttf);
}

@font-face {
font-family: "OnceUponATime";
src: url(fonts/OnceUponATime.ttf);
}

#fondo{
top:3%;
left:10%;
width:900px;
min-height:750px;
border-style:solid;
background-color:##dddddd;
}

#cabecera{
position:relative;
top:3%;
left:0%;
width:90%;
height:100px;
border-style:solid;
border-color:FFFFFF;
}

#menu{
position:relative;
top:-15px;
width:630px;
height:48;
border-color:FFFFFF;
border-style:solid;
-moz-border-radius: 10px;
box-shadow: 0em 0em 0.5em #000;
}

#menu_inferior{
margin-top:18em;	
position:relative;
width:630px;
height:110px;
background-color:#ffeada;
}

#loader{
position:relative;
top:0%;
width:630px;
min-height:650px;
border-style:solid;
background-color:#ffeada;
}

#columna_izquierda{
position:relative;
margin-top:3.4em;	
width:125px;
height:650px;
border-style:solid;
float:left;
}

#columna_derecha{
position:relative;
margin-top:3.4em;	
width:125px;
height:650px;
border-style:solid;
float:right;
}

#pie{
position:relative;
width:630px;
height:60px;
}

.Sangria{
text-indent: 5em;
font-size:11px;
text-align: justify;
}

.Titular {
font-size: 14px;
font-weight: normal;
text-align:justify;
}

.formulario{
font-size:11px;
}

.formulario tr{
height:30px;
}

.Titular:first-letter {
font-size: 18px;
color: red;
}

.Pregunta {
font-size: 14px;
font-weight: normal;
color: #2a89cd;
text-align:justify;
}

.borde_derecho{
border-top:0px;
border-left:0px;
border-bottom:0px;
border-right:1px;
size:8px;
}

.menu{
font-size:10px;
}

.pie{
text-align:center;
font-size:10px;
}

.boton {
text-decoration: none;
 color: #fff;
 font-weight: bold;
 padding: 12px 20px;
 font-size: 18px;
 border-radius: 10px;
 background-color: #666666;
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
 position: relative;
 border-bottom: 1px solid rgba(255,255,255,0.2);
 display: inline-block;
 font-family: Arial, Helvetica, sans;
 text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}

.boton:hover {
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
 color: #fff !important;
}

.boton:active {
 top: 7px;
 box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
 color: #fff !important;
}

.formaBoton {
 border-radius: 5px;
 padding-left: 25px;
 padding-right: 25px;
}

.colorRojo{
 background-color: #c34747;
 box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.colorRojo:hover {
 box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.colorRojo:active {
 box-shadow: 0 2px 0 #5e2525, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
}

.colorAzul{
 background-color: #0099FF;
 box-shadow: 0 5px 5px #0085DD, 0 9px 0 #0071BB, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.colorAzul:hover {
 box-shadow: 0 5px 5px #0085DD, 0 9px 0 #0071BB, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.colorAzul:active {
 box-shadow: 0 2px 0 #0071BB, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
}

.colorNaranja{
 background-color: #FF9122;
 box-shadow: 0 5px 5px #EC7600, 0 9px 0 #CE6700, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.colorNaranja:hover {
 box-shadow: 0 5px 5px #EC7600, 0 9px 0 #CE6700, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.colorNaranja:active {
 box-shadow: 0 2px 0 #CE6700, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
}